<template>
  <div>
    <div :class="equipmentPC?'w720':''" v-for="(item,index) in imgList">
      <img :alt="'pic'+index" :src="item" width="100%">
    </div>
  </div>
</template>

<script>
  import {_isMobile} from '../utils/util'

  export default {
    name: 'img-display-list',
    props:{
      // 必填的字符串
      imgList: {
        type: Array,
        required: true,
        // default: []
      },
    },
    computed:{
      equipmentPC(){
        return !_isMobile();
     }
    }
  }
</script>

<style scoped>
  .w720{
    max-width: 720px;
    margin: 0 auto;
  }
</style>
